<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>业绩</title>
    <link rel="stylesheet" href="../../fonts/font_awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../js/mui/css/mui.min.css">
    <link rel="stylesheet" href="../../css/mui-app-style.css">
    <style>
        .mui-tit{
            padding:10px 0 10px  20px;
            color: #1A1A1A;
        }
        .mui-ctrl{
            margin: 0 10px;
        }
        .mui-ctrl .mui-col-xs-6{
            padding-bottom:10px;
        }
        .mui-ctrl .tit{
            padding:10px 0 0px;line-height: 1;
        }
        .mui-ctrl .cot{
            padding:7px 0 0px; line-height: 1;
        }
        .mui-ctrl .tit{color: #5F5F5F;font-size:12px;}
        .mui-ctrl .cot{color: #272727}
        .border--1{
            border-top:1px solid #ccc;
            border-right:1px solid #ccc;
        }
        .border--top{
            border-top:1px solid #ccc;
        }
        .count{
            color: red;
        }
    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-back mui-pull-left"></a>
    <h1 class="mui-title"><!--业绩--></h1>
</header>
<div class="mui-content" id="performance">
    <div class="mui-card" v-for="item of 5">
        <div class="mui-row mui-text-center">
            <div class=" mui-text-left mui-tit">
                2019年06月业绩
            </div>
            <div class="mui-row mui-ctrl">
                <div class="mui-col-xs-6 border--1">
                    <div class="tit">服务商交易额(元)</div>
                    <div class="cot">0.00</div>
                </div>
                <div class="mui-col-xs-6 border--top">
                    <div class="tit">新增商户(个)</div>
                    <div class="cot">0</div>
                </div>
                <div class="mui-col-xs-6 border--1">
                    <div class="tit">个人交易金额(元)</div>
                    <div class="cot">0.00</div>
                </div>
                <div class="mui-col-xs-6 border--top">
                    <div class="tit">新增商户(个)</div>
                    <div class="cot">10</div>
                </div>
            </div>
        </div>
    </div>

    <div class="mui-count mui-text-center" style="color: #4C4C4C">
        今天服务商已登记商户：<span class="count">2</span>个
    </div>
    <div class="mui-button-forms">
        <button id="detailBtn" type="button" class="mui-btn mui-btn-primary mui-btn-block">业务详情</button>
    </div>
    <br>
    <br>
    <br>

</div>
<script src="../../js/vue.js"></script>
<script src="../../js/mui/js/mui.min.js"></script>
<script src="../../js/common/crypto-js.js"></script>
<script src="../../js/common/common.js"></script>
<script src="../../js/performance/performance.js"></script>
<script>
    mui.ready(function () {
        mui(".mui-button-forms").on('tap','#detailBtn',function () {
            location.href="performance-detail.html"
        })
    })
    createNav(false,1)
</script>
</body>
</html>